Dialog 코어 5-size recipe 재설계 + Alert/Confirm sugar 도입 - #398

- size 별 recipe에 맞춰 Button size 자동 배정
- Confirm은 Promise onConfirm 로딩 상태 자동 관리
- i18n 텍스트는 소비자가 넘김 (라이브러리는 next-intl 무의존)
- CommonDialog는 곧 삭제 예정 (Task 3)

…운드로 이관

훅 시그니처는 그대로 유지 (호출부 무변경).
onConfirm 있으면 Confirm, 없으면 Alert 로 렌더.

…로 통합

FailAlertDialog, CompleteAlertDialog, CorrectConfirmDialog(퀴즈 풀이),
laboratory AlertDialog(미사용) 를 삭제하고 SolvingQuizSection 에서
Dialog.Alert / Dialog.Confirm sugar 를 직접 사용하도록 마이그레이션.

- laboratory AlertDialog 는 어떤 곳에서도 import 되지 않는 데드코드로 확인 후 삭제.
- CorrectConfirmDialog 는 challenge(계속하기)/stop(중단) 두 버튼이 서로 다른 부수효과를
  가지므로, Dialog.Confirm 의 onConfirm 성공 후 자동 onOpenChange(false) 호출과
  cancel 버튼의 onOpenChange(false) 호출을 구분하기 위해 ref 플래그로 가드.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Task 6 리뷰 회귀 수정:
- FailAlertDialog/CompleteAlertDialog/CorrectConfirmDialog 삭제 후
  Dialog.Alert/Dialog.Confirm sugar 로 이관하며 누락된 160x160 보상 이미지
  (cursor-unchoiced.webp, quiz-double-coin.webp, quiz-coin.svg) 복구
- CorrectConfirmDialog 원본의 ESC/외부클릭/X 닫기 차단(명시적 challenge/stop
  선택 강제) 정책을 Dialog.Content(isShowClose=false,
  onEscapeKeyDown/onPointerDownOutside preventDefault)로 복구
- Dialog.Confirm 내부 호출 순서에 의존하던 취약한 useRef 이중발화 가드 제거,
  challenge/stop 버튼을 각각 moveToNextStage / stopQuiz+terminateQuiz 로 직접 연결

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

- OnePet/TenPet: hero (celebration 카드 뽑기)
- PersonaSearch/LinePersonaSelect/FarmPersonaSelect/RouteModal: lg
- EditModal 등 기본: md (size 생략)
- Dialog.Title/Description 의 recipe 중복 오버라이드 className 제거

size='hero' recipe는 items-center/justify-center을 포함하지 않아 카드 뽑기 컨텐츠가 상단 고정됨. 도메인 요구로 consumer에서 정렬 override 유지.

…og 기본 size md 복원

- Quiz Fail/Complete 다이얼로그: X/ESC/외부클릭 차단 (CorrectConfirm과 동일 정책)
- Global useDialog: Alert/Confirm에 size="md" 명시 (원본 다이얼로그 크기 유지)

- OverflowScrollable: scrollable + Dialog.Body 조합 권장 패턴
- OverflowUnmanaged: 미처리 시 Footer 밀림 안티패턴

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

- sm/md/lg: max-w-[min(size,calc(100vw-40px))] + max-h-[calc(100vh-40px)]로 최소 20px 여백 보장
- lg 모바일 풀스크린 정책 제거 (일관된 20px 여백)
- screen/hero는 의도적 풀뷰포트로 유지
- Dialog.Body를 Radix ScrollArea 기반으로 변경 (네이티브 스크롤바 대신 커스텀)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Radix ScrollArea는 flex-1 컨테이너 안에서 Viewport의 percentage height
cascade가 깨져 스크롤이 동작하지 않음. native overflow-y-auto로 되돌리고
스크롤바만 tailwind arbitrary로 얇고 어둡게 커스텀 스타일링.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

- sm/md/lg 의 max-width 를 arbitrary property 문법으로 변경: Tailwind JIT extractor 가
  중첩된 min()+calc() 를 놓쳐 CSS 미생성되던 문제 (다이얼로그 폭이 100vw 로 확장) 해결
- dialogScrollableStyle 에 h-[calc(100vh-40px)] 추가: Content 가 콘텐츠에 맞춰 축소되면
  flex-1 Body 가 0 이 되어 InventoryGrid(rows='auto') 가 렌더 안 되던 문제 수정

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

# Conflicts:
#	apps/web/src/app/[locale]/shop/_petGotcha/TenPet.tsx